{% extends "base.html" %}

{% block head %}
  <script type="text/javascript" src="/media/js/track/index.js"></script>
{% endblock %}

{% block content %}
  <p>
    Welcome to the Track API !
  </p>

  <h4>List of vehicles</h4>

  <ul>
  {% for v in vehicle_list %}
    <li>{{ v }}</li>
  {% endfor %}
  </ul>
  
  <p>
    <a href="/admin/track/vehicle/add/">Add vehicle</a>
  </p>

  <h4>Filter vehicles to move</h4>

  <p>
    <label>Vehicle:<input type="text" id="vehicle">(leave blank for all your vehicles)</label>
  </p>

  <h4>Move values</h4>

  <p>
    <label>X: <input type="text" value="2" id="x"></label>
    <label>Y: <input type="text" value="1" id="y"></label>
  </p>

  <p>
    <a onclick="move('translate')">Translate</a> &mdash; <a onclick="move('set')">Reposition</a>
  </p>

  <p>
    <a href="/">Return to welcome page</a>
  </p>
{% endblock %}
